<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>anov可视化平台</title>
    <link href="./img/loading.gif" rel="preload" as="image"/>
    <link href="./img/body-bg.png" rel="prefetch" as="image"/>
    <link href="./fonts/HYQiHeiY2-35J.ttf" rel="preload" as="font" type="font/ttf" crossorigin="anonymous" />
    <link href="./fonts/HYLingXinTiJ.ttf" rel="preload" as="font" type="font/ttf"  crossorigin="anonymous" />
    <link href="./fonts/digital.ttf" rel="preload" as="font" type="font/ttf"  crossorigin="anonymous" />
    <link href="./fonts/acens.ttf" rel="preload" as="font" type="font/ttf"  crossorigin="anonymous" />
    <link href="./fonts/HYZhuZiChaoRanTiW.ttf" as="font" rel="preload" type="font/ttf"  crossorigin="anonymous"/>
  </head>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin: 0;
    }
    #appLoading {
      width: 100%;
      height: 100%;
      background: #000;
      position: fixed;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      z-index: 1110;
    }
    #loading-wrapper {
      position: relative;
      width: 800px;
      height: 190px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    .loading-gif {
      width: 800px;
      height: 160px;
      background: url('./img/loading.gif') no-repeat;
    }
  
    #loading-text {
      position: absolute;
      top: 160px;
      z-index: 111111;
      width: 800px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      font-size: 12px;
      color: #50a7d0;
      font-family: 'hanyilingxinti';
    }
    @font-face {
      font-family: 'HYQiHeiY2-35J';
      src: url('./fonts/HYQiHeiY2-35J.ttf') format('truetype');
    }
    @font-face {
      font-family: 'hanyilingxinti';
      src: url('./fonts/HYLingXinTiJ.ttf') format('truetype');
    }
    @font-face {
      font-family: 'digital';
      src: url('./fonts/digital.ttf') format('truetype');
    }
    @font-face {
      font-family: 'acens';
      src: url('./fonts/acens.ttf') format('truetype');
    }
    @font-face {
      font-family: 'hy-zhuzichaoran';
      src: url('./fonts/HYZhuZiChaoRanTiW.ttf') format('truetype');
    }
  </style>
  <body>
    <div id="appLoading">
      <div id="loading-wrapper">
        <div class="loading-gif"></div>
        <div id="loading-text">系统正在加载......</div>
      </div>
      <script>
        let apiUrl="http://10.162.224.117:9093/"
        function scaleScreen(dom) {
          var dw = window.innerWidth
          var dh = window.innerHeight
          var minRatio = Math.min(dw / 1920, dh / 1080)
          dom.style.transform = 'scale(' + minRatio + ')'
        }
        var dom1 = document.getElementById('loading-text')
        scaleScreen(dom1)
        var explorer = window.navigator.userAgent.toLowerCase()
        if (explorer.indexOf('chrome') >= 0) {
          var ver = explorer.match(/chrome\/([\d.]+)/)[1]
          let versionB = ver.split('.')[0]
          if (versionB < 70) {
            help('当前Chrome浏览器版本过低，请升级至70+！')
          } 
        } else {
          help('当前浏览器非chrome，请切换至chrome浏览器查看！')
        }
        if(/^file/ig.test(window.location.href)){
          help('请配置web服务器进行浏览！')
        }
        
        function help(text){
          let style=`<style>.sys-warn{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#e73;color:#fff;font-size:26px;padding:0 20%;flex-direction:column;box-sizing:border-box;z-index:1}.a-wrap{text-align:right;width:100%}.sys-warn-a{text-decoration:none;color:antiquewhite;font-size:14px;position:relative}.sys-warn-a::after{content:'';display:block;width:100%;height:1px;background:#fff;position:absolute;bottom:-2px;transition:all .3s;transform:scaleX(0);transform-origin:left;left:0}}.sys-warn-a:hover{color:#fff}.sys-warn-a:hover::after{transform:scaleX(1)}</style>`
          let htmlS =style+'<div class="sys-warn"><p>'+text+'</p><div class="a-wrap"><a class="sys-warn-a" href="mailto:zhu18@vip.qq.com?subject='+encodeURI('anov可视化平台:['+text+']')+'&body=%E5%A6%82%E6%9E%9C%E5%9B%9E%E5%A4%8D%E4%B8%8D%E5%8F%8A%E6%97%B6%E8%AF%B7%E8%81%94%E7%B3%BB:%E6%9C%B1%E6%B6%A6%E4%BA%9A%2018610279719">[我不明白,我需要帮助]</a></div></div>'
          document.write(htmlS)
        }
        // 禁止使用控制台
        // function checkOpen(){}window.oncontextmenu=function(){return!1},window.onkeydown=window.onkeyup=window.onkeypress=function(){return window.event.returnValue=!1,!1},Object.defineProperty(checkOpen,"opened",{set(n){n&&(window.close(),window.location="about:blank")}}),checkOpen.toString=function(){this.opened=!0},console.log("%s",checkOpen);
      </script>
    </div>
    <div id="app"></div>
    <script src="./js/ScrambleTextPlugin.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/DrawSVGPlugin.min.js"></script>
    <script src="./js/morphsvgplugin.min.js"></script>
    <script src="./js/CustomEase.min.js"></script>
  </body>
</html>
